<template>
  <div>
    用户名：<input v-model="usename" type="text">
    密  码：<input v-model="password" type="text"><br>
    <select v-model="city">
      <option value="广州">广州</option>
      <option value="上海">上海</option>
      <option value="长沙">长沙</option>
    </select><br>
    爱好：<input v-model="hoppy" type="checkbox" value="恰饭">恰饭
          <input v-model="hoppy" type="checkbox" value="睡觉">睡觉
          <input v-model="hoppy" type="checkbox" value="打豆豆">打豆豆
          <br>
    性别：<input v-model="gender" type="radio" value="男">男
          <input v-model="gender"  type="radio" value="女">女
          <br>
    年龄：<input type="text" v-model.number="age" value="20">
          <br>
    座右铭：<input type="text" v-model.trim="motto" value="">
          <br>
    自我介绍：<textarea v-model.lazy="introduce" name="" id="" cols="30" rows="10"></textarea>
    <p v-text="text"></p>
    <p v-html="html"></p>
    <h3 v-show="x>10">v-show</h3>
    <h3 v-if="age>=18">成年</h3>
    <h3 v-else>未成年</h3>
  </div>
</template>

<script>
export default {
data(){
  return  {
    usename:'我是账号',
    password:'我是密码',
    city:'长沙',
    hoppy:[],
    gender:'男',
    age:'',
    motto:'人生如戏，全靠演技',
    introduce:'',
    text:'<span>哼哼哈哈</span>',
    html:'<span>哼哼哈哈</span>',
    x:11,
    age:17
  }
}
}
</script>

<style>

</style>